<DocumentFragment>
  <div
    class="ant-app"
  >
    <div>
      test
    </div>
    <div
      style="padding: 24px;"
    >
      <button
        aria-checked="false"
        class="ant-switch"
        role="switch"
        style="margin-block-end: 16px;"
        type="button"
      >
        <div
          class="ant-switch-handle"
        />
        <span
          class="ant-switch-inner"
        >
          <span
            class="ant-switch-inner-checked"
          >
            Edit
          </span>
          <span
            class="ant-switch-inner-unchecked"
          >
            Read Only
          </span>
        </span>
      </button>
      <form
        autocomplete="off"
        class="ant-form ant-form-vertical ant-pro-form"
      >
        <input
          style="display: none;"
          type="text"
        />
        <div
          class="ant-pro-form-group"
        >
          <div>
            <div
              class="ant-space ant-space-horizontal ant-space-align-start ant-pro-form-group-container "
              style="column-gap: 32px; row-gap: 0;"
            >
              <div
                class="ant-space-item"
              >
                <div
                  class="ant-form-item ant-form-item-vertical"
                >
                  <div
                    class="ant-row ant-form-item-row"
                  >
                    <div
                      class="ant-col ant-form-item-label"
                    >
                      <label
                        class=""
                        for="userQuery"
                        title="Query Selector - request"
                      >
                        Query Selector - request
                      </label>
                    </div>
                    <div
                      class="ant-col ant-form-item-control"
                    >
                      <div
                        class="ant-form-item-control-input"
                      >
                        <div
                          class="ant-form-item-control-input-content"
                        >
                          <div
                            class="ant-select ant-select-outlined ant-select-in-form-item ant-pro-filed-search-select ant-select-focused ant-select-multiple ant-select-allow-clear ant-select-show-search"
                            style="min-width: 140px;"
                          >
                            <span
                              aria-live="polite"
                              style="width: 0px; height: 0px; position: absolute; overflow: hidden; opacity: 0;"
                            />
                            <div
                              class="ant-select-selector"
                            >
                              <span
                                class="ant-select-selection-wrap"
                              >
                                <div
                                  class="ant-select-selection-overflow"
                                >
                                  <div
                                    class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
                                    style="opacity: 1;"
                                  >
                                    <div
                                      class="ant-select-selection-search"
                                      style="width: 0px;"
                                    >
                                      <input
                                        aria-autocomplete="list"
                                        aria-controls="userQuery_list"
                                        aria-expanded="false"
                                        aria-haspopup="listbox"
                                        aria-owns="userQuery_list"
                                        autocomplete="off"
                                        class="ant-select-selection-search-input"
                                        id="userQuery"
                                        role="combobox"
                                        type="search"
                                        value=""
                                      />
                                      <span
                                        aria-hidden="true"
                                        class="ant-select-selection-search-mirror"
                                      >
                                         
                                      </span>
                                    </div>
                                  </div>
                                </div>
                                <span
                                  class="ant-select-selection-placeholder"
                                >
                                  请选择
                                </span>
                              </span>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div
                class="ant-space-item"
              >
                <div
                  class="ant-form-item ant-form-item-vertical"
                >
                  <div
                    class="ant-row ant-form-item-row"
                  >
                    <div
                      class="ant-col ant-form-item-label"
                    >
                      <label
                        class=""
                        for="userQuery2"
                        title="Query Selector - valueEnum"
                      >
                        Query Selector - valueEnum
                      </label>
                    </div>
                    <div
                      class="ant-col ant-form-item-control"
                    >
                      <div
                        class="ant-form-item-control-input"
                      >
                        <div
                          class="ant-form-item-control-input-content"
                        >
                          <div
                            class="ant-select ant-select-outlined ant-select-in-form-item ant-pro-filed-search-select ant-select-multiple ant-select-allow-clear ant-select-show-search"
                            style="min-width: 140px;"
                          >
                            <div
                              class="ant-select-selector"
                            >
                              <span
                                class="ant-select-selection-wrap"
                              >
                                <div
                                  class="ant-select-selection-overflow"
                                >
                                  <div
                                    class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
                                    style="opacity: 1;"
                                  >
                                    <div
                                      class="ant-select-selection-search"
                                      style="width: 0px;"
                                    >
                                      <input
                                        aria-autocomplete="list"
                                        aria-controls="userQuery2_list"
                                        aria-expanded="false"
                                        aria-haspopup="listbox"
                                        aria-owns="userQuery2_list"
                                        autocomplete="off"
                                        class="ant-select-selection-search-input"
                                        id="userQuery2"
                                        readonly=""
                                        role="combobox"
                                        style="opacity: 0;"
                                        type="search"
                                        unselectable="on"
                                        value=""
                                      />
                                      <span
                                        aria-hidden="true"
                                        class="ant-select-selection-search-mirror"
                                      >
                                         
                                      </span>
                                    </div>
                                  </div>
                                </div>
                                <span
                                  class="ant-select-selection-placeholder"
                                >
                                  请选择
                                </span>
                              </span>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div
                class="ant-space-item"
              >
                <div
                  class="ant-form-item ant-form-item-vertical"
                >
                  <div
                    class="ant-row ant-form-item-row"
                  >
                    <div
                      class="ant-col ant-form-item-label"
                    >
                      <label
                        class=""
                        for="userQuery3"
                        title="Query Selector - options"
                      >
                        Query Selector - options
                      </label>
                    </div>
                    <div
                      class="ant-col ant-form-item-control"
                    >
                      <div
                        class="ant-form-item-control-input"
                      >
                        <div
                          class="ant-form-item-control-input-content"
                        >
                          <div
                            class="ant-select ant-select-outlined ant-select-in-form-item ant-pro-filed-search-select ant-select-multiple ant-select-allow-clear ant-select-show-search"
                            style="min-width: 140px;"
                          >
                            <div
                              class="ant-select-selector"
                            >
                              <span
                                class="ant-select-selection-wrap"
                              >
                                <div
                                  class="ant-select-selection-overflow"
                                >
                                  <div
                                    class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
                                    style="opacity: 1;"
                                  >
                                    <div
                                      class="ant-select-selection-search"
                                      style="width: 0px;"
                                    >
                                      <input
                                        aria-autocomplete="list"
                                        aria-controls="userQuery3_list"
                                        aria-expanded="false"
                                        aria-haspopup="listbox"
                                        aria-owns="userQuery3_list"
                                        autocomplete="off"
                                        class="ant-select-selection-search-input"
                                        id="userQuery3"
                                        readonly=""
                                        role="combobox"
                                        style="opacity: 0;"
                                        type="search"
                                        unselectable="on"
                                        value=""
                                      />
                                      <span
                                        aria-hidden="true"
                                        class="ant-select-selection-search-mirror"
                                      >
                                         
                                      </span>
                                    </div>
                                  </div>
                                </div>
                                <span
                                  class="ant-select-selection-placeholder"
                                >
                                  请选择
                                </span>
                              </span>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div
          style="display: flex; gap: 8px; align-items: center;"
        >
          <button
            class="ant-btn ant-btn-default ant-btn-color-default ant-btn-variant-outlined"
            type="button"
          >
            <span>
              重 置
            </span>
          </button>
          <button
            class="ant-btn ant-btn-primary ant-btn-color-primary ant-btn-variant-solid"
            type="button"
          >
            <span>
              提 交
            </span>
          </button>
        </div>
      </form>
    </div>
  </div>
</DocumentFragment>